<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
	<head>
		<base href="<%=basePath%>">
		
		<meta charset="utf-8" />
		<title></title>
		
		<meta name="description" content="overview & stats" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="stylesheet" href="static/css/bootstrap.min.css" />
		<link rel="stylesheet" href="static/css/bootstrap-responsive.min.css" />
		
		<link rel="stylesheet" href="static/css/font-awesome.min.css" />
		<!--[if IE 7]><link rel="stylesheet" href="css/font-awesome-ie7.min.css" /><![endif]-->
		<!--[if lt IE 9]><link rel="stylesheet" href="css/ace-ie.min.css" /><![endif]-->
		<link rel="stylesheet" href="static/css/ace.min.css" />
		<link rel="stylesheet" href="static/css/ace-responsive.min.css" />
		<link rel="stylesheet" href="static/css/ace-skins.min.css" />
		
		<script type="text/javascript" src="static/js/jquery-1.7.2.js"></script>
		<!--提示框-->
		<script type="text/javascript" src="static/js/jquery.tips.js"></script>
</head>

<script type="text/javascript">
	$(window.parent.hangge());
	$(document).ready(function(){		
		if($("#moduleid").val()!=""){
			var parentmoduleid = "${module.parentmoduleid}";
			if(parentmoduleid==""){
				$("#parentmoduleid").attr("disabled",true);
			}else{
				$("#parentmoduleid").val(parentmoduleid);
			}
		}
		//setMUR();
	}); 

	function setMUR(){
		if($("#parentmoduleid").val()=="0"){
			$("#moduleurl").attr("readonly",true);
			$("#moduleurl").val("");
			$("#form-field-radio1").attr("disabled",false);
			$("#form-field-radio2").attr("disabled",false);
		}else{
			$("#moduleurl").attr("readonly",false);
			$("#form-field-radio1").attr("disabled",true);
			$("#form-field-radio2").attr("disabled",true);
			$("#form-field-radio1").attr("checked",false);
			$("#form-field-radio2").attr("checked",false);
		}
	}

	//保存
	function save(){
		if($("#modulename").val()==""){
			$("#modulename").tips({
				side:3,
	            msg:'请输入菜单名称',
	            bg:'#AE81FF',
	            time:2
	        });
			$("#modulename").focus();
			return false;
		}
		
		if($("#moduleurl").val()==""){
			$("#moduleurl").val('#');
		}
		
		if($("#moduleorder").val()==""){
			$("#moduleorder").tips({
				side:1,
	            msg:'请输入菜单序号',
	            bg:'#AE81FF',
	            time:2
	        });
			$("#moduleorder").focus();
			return false;
		}
		
		if(isNaN(Number($("#moduleorder").val()))){
			$("#moduleorder").tips({
				side:1,
	            msg:'请输入菜单序号',
	            bg:'#AE81FF',
	            time:2
	        });
			$("#moduleorder").focus();
			$("#moduleorder").val(1);
			return false;
		}
		
		$("#moduleForm").submit();
		$("#centerOfMainFrame").hide();
		$("#centerOfMainFrame2").show();
	}
</script>

<body>
	<form  action="wxmenu/add.do" name="moduleForm" id="moduleForm" method="post" >
		<input type="hidden" name="moduleid" id="moduleid" value=""/>
		<div id="centerOfMainFrame">
		<table>
			<tr>
				<td>
					<select name="parentmoduleid" id="parentmoduleid" class="input_txt" title="菜单">
						<option value="0">顶级菜单</option>
						<c:forEach items="${moduleList}" var="module">
							<option value="${module.moduleid }" onclick="">${module.modulename }</option>
						</c:forEach>
					</select>
				</td>
			</tr>
			<tr>
				<td><input type="text" name="modulename" id="modulename" placeholder="这里输入菜单名称" maxlength="40" value="" title="名称"/></td>
			</tr>
			<tr>
				<td><input type="text" name="moduleurl" id="moduleurl" placeholder="这里输入链接地址" maxlength="256" value="" title="地址"/></td>
			</tr>
			<tr>
				<td><input type="number" name="moduleorder" id="moduleorder" placeholder="这里输入序号" value="" title="序号"/></td>
			</tr>
			<tr>
				<td>
					<select name="module_type" id="module_type" class="input_txt" title="事件类型">
						<option value="no">无</option>
						<option value="click">click（点击推事件）</option>
						<option value="view">view（跳转URL）</option>
				  	</select>
				</td>
			</tr>
			<tr>
				<td style="text-align: center; padding-top: 10px;">
					<a class="btn btn-mini btn-primary" onclick="save();">保存</a>
					<a class="btn btn-mini btn-danger" onclick="top.Dialog.close();">取消</a>
				</td>
			</tr>
		</table>
		</div>
		<div id="centerOfMainFrame2" class="center" style="display:none"><br/><br/><br/><img src="static/images/jiazai.gif" /><br/><h4 class="lighter block green"></h4></div>
	</form>
	<!-- 引入 -->
	<script type="text/javascript">window.jQuery || document.write("<script src='static/js/jquery-1.9.1.min.js'>\x3C/script>");</script>
	<script type="text/javascript" src="static/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="static/js/ace-elements.min.js"></script>
	<script type="text/javascript" src="static/js/ace.min.js"></script>
	<script type="text/javascript" src="static/select2-js/select2.js"></script>
	<script type="text/javascript" src="static/select2-js/select2.min.js"></script>
	<script type="text/javascript" src="static/select2-js/select2_locale_zh-CN.js"></script>
	<script type="text/javascript" src="static/js/chosen.jquery.min.js"></script><!-- 下拉框 -->
	<script type="text/javascript">
		
		$(top.hangge());
	</script>
</body>
</html>